<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="a1">
    <div class="b1">
        <img src="bla.png" class="b2">
        <img src="左括号.png" class="b3">
        <img src="RRR.png" class="b4">
        <img src="苹果.png"  class="b5">
    </div>
    <div class="c1">Naturel Red Apple</div>
    <div class="c2">1kg, Price </div>
    <img src="爱心.png" class="c4">
    <img src="添加.png" class="c3">

    <img src="$4.99.png" class="c5">
    <img src="横线.png" class="c6">
    <div class="g1">Product Detail</div>
    <img src="下.png" class="g2">
    <div class="g3">Apples
        are nutritious. Apples may be good for
        weight loss. apples may be good for your
        heart. As part of a healtful and varied diet.</div>
    <img src="横线.png" class="g4">
    <div  class="h1">Nutritions</div>
    <img src="77.png" class="g5">
    <img src="右.png" class="g6">
    <img src="横线.png" class="p1">
    <div class="p2">Review</div>
    <img src="星.png" class="p3">
    <img src="右.png" class="p4">
<a href="http://localhost:63342/untitled5/%E9%A6%96%E9%A1%B5.html?_ijt=qsvniobfa8lpu27uk6ueku8kq0&_ij_reload=RELOAD_ON_SAVE">
    <img src="按钮.png" class="p5">
</a>











</div>


</body>
<style>

    .a1{
        left: -2275.95px;
        top: -824px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
        border: 1px solid antiquewhite;
        width: 414px;
        height: 896px;
        background: rgba(255, 255, 255, 1);

    }
    .b1{
        left: 0px;
        top: 0px;
        width: 413.6px;
        height: 371.44px;
        opacity: 1;
        border-radius: 0 0 25px 25px;
        background: rgba(242, 243, 242, 1);
        position: absolute;
    }
    .b2{
        left: -0.4px;
        top: 4.83px;
        width: 414px;
        height: 80px;
        opacity: 1;
    }
    .b3{
        left: 25.01px;
        top: 56.93px;
        width: 10px;
        height: 18px;
        opacity: 1;
        position: absolute;

    }
    .b4{
        left: 369.85px;
        top: 56.7px;
        width: 18.46px;
        height: 18.46px;
        opacity: 1;

position: absolute;
        border: 0.3px solid rgba(255, 255, 255, 1);


    }
    .b5{
        left: 42.33px;
        top: 102.8px;
        width: 329.34px;
        height: 199.18px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad45565f61887bd6cee4c.png#422812a702738f90ada81e64d44dc99d);
        position: absolute;
    }
    .c1{
        left: 25.01px;
        top: 392.94px;
        width: 209.43px;
        height: 36px;
        opacity: 1;
        position: absolute;
        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .c2{
        left: 25.01px;
        top: 430.44px;
        width: 82.59px;
        height: 14.89px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;

    }

    .c3{
        left: 25.01px;
        top: 475.47px;
        width: 119.67px;
        height: 45.67px;
        opacity: 1;
        position: absolute;

    }
    .c4{
        left: 350px;
        top: 400px;
        width: 22.8px;
        height: 19.6px;
        opacity: 1;
        background: #FDFDFEFF;
        position: absolute;

    }
    .c5{
        left: 329.9px;
        top: 489.31px;
        width: 59px;
        height: 18px;
        opacity: 1;
        /** 文本1 */
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;

    }
    .c6{
        left: 25.01px;
        top: 551.54px;
        width: 363.99px;
        height: 0px;
        opacity: 1;
position: absolute;
        border: 1px solid rgba(226, 226, 226, 0.7);


    }
    .g1{
        left: 30.01px;
        top: 569.59px;
        width: 108.5px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);
position: absolute;
        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .g2{
        left: 375px;
        top: 581.59px;
        width: 15px;
        height: 14px;
        opacity: 1;
        background: rgb(253, 253, 254);
        position: absolute;

    }
    .g3{
        left: 30.01px;
        top: 597.04px;
        width: 358.99px;
        height: 63px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 21px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;

    }
    .g4{
        left: 25.01px;
        top: 679.14px;
        width: 363.99px;
        height: 0px;
        opacity: 1;
        position: absolute;

        border: 1px solid rgba(226, 226, 226, 0.7);


    }
    .h1{
        left: 30.01px;
        top: 699.19px;
        width: 108.5px;
        height: 18px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .g5{
        left: 326.38px;
        top: 697.19px;
        width: 33.61px;
        height: 18px;
        opacity: 1;
        border-radius: 5px;
        background: rgba(235, 235, 235, 1);
        position: absolute;

    }
    .g6{
        left: 389px;
        top: 713.19px;
        width: 8.4px;
        height: 14px;
        opacity: 1;

        background: rgb(253, 253, 254);
        position: absolute;
    }
    .p1{
        left: 25.01px;
        top: 734.14px;
        width: 363.99px;
        height: 0px;
        opacity: 1;
        position: absolute;

        border: 1px solid rgba(226, 226, 226, 0.7);
    }
    .p2{
        left: 30.01px;
        top: 752.19px;
        width: 108.5px;
        height: 18px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .p3{
        left: 267.89px;
        top: 755px;
        width: 92.47px;
        height: 14px;
        opacity: 1;
        position: absolute;

    }
    .p4{
        left: 388.76px;
        top: 758px;
        width: 8.4px;
        height: 14px;
        opacity: 1;
        background: rgb(253, 253, 254);
        position: absolute;
    }
    .p5{
        left: 35px;
        top: 800px;
        width: 353px;
        height: 67px;
        opacity: 1;
        border-radius: 19px;
        background: rgba(83, 177, 117, 1);
        position: absolute;

    }
</style>
</html>